﻿<!doctype html>
<html>

<head>
    <meta charset="gbk">
    <title>雨小泽博客首页</title>
    <meta name="keywords" content="个人博客,雨小泽个人博客,个人博客模板,雨小泽" />
    <meta name="description" content="雨小泽个人博客，是一个站在web前端设计之路的女程序员个人网站，提供个人博客模板免费资源下载的个人原创网站。" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/base.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <link href="css/m.css" rel="stylesheet">
    <link href="plugins/highlight/styles/a11y-dark.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/default.css">
<link rel="stylesheet" type="text/css" href="css/styles.css">
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery.easyfader.min.js"></script>
    <script src="js/scrollReveal.js"></script>
    <script src="js/common.js"></script>
    <script src="plugins/highlight/highlight.pack.js"></script>
    <!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<script src="js/edit.js" type="text/javascript"></script>

    <![endif]-->
    <script type="text/javascript">


    </script>
</head>

<body onload="susscesData()">
        <!--menu begin-->
        <div class="menu">
            <nav class="nav" id="topnav">
                <h1 class="logo"><a href="">智能知识共享平台</a></h1>
                <li><a href="index.html">网站首页</a> </li>
                <li><a href="share.html">技术分类</a>
                    <ul class="sub-nav">
                        <li><a href="share.html">java后台</a></li>
                        <li><a href="share.html">前端</a></li>
                        <li><a href="share.html">大数据</a></li>
                        <li><a href="share.html">运维</a></li>
                        <li><a href="share.html">测试</a></li>
                    </ul>
                </li>
                <li><a href="list.html">个人资源</a>
                    <ul class="sub-nav">
                        <li><a href="list.html">开发工具</a></li>
                        <li><a href="list.html">开发脚手架</a></li>
                        <li><a href="list.html">工具类</a></li>
                        <li><a href="list.html">推荐工具</a></li>
                        <li><a href="list.html">黑科技</a></li>
                    </ul>
                </li>
                <li><a href="life.html">热爱生活</a>
                    <ul class="sub-nav">
                        <li><a href="life.html">日记</a></li>
                        <li><a href="life.html">旅行摄影</a></li>
                        <li><a href="life.html">爱情</a></li>
                        <li><a href="life.html">阅读</a></li>
                    </ul>
                </li>
                <li><a href="time.html">时间轴</a> </li>
                <li><a href="gbook.html">留言</a> </li>
                <li><a href="info.html">关于我</a> </li>
                <!-- 副标题 -->
                <div class="subtitle">
                    <section class="subtitle_box"></section>
                    <div class="subtitle_text"> <span>——为自己掘一个坟墓来葬心，红尘一梦，不再追寻。</span></div>
                    </section>
                </div>
            </nav>
        </div>
        <!--menu end-->
        <!--mnav begin-->
        <div id="mnav">
            <h2><a href="http://www.yangqq.com" class="mlogo">雨小泽博客</a><span class="navicon"></span></h2>
            <dl class="list_dl">
                <dt class="list_dt"> <a href="index.html">网站首页</a> </dt>
                <dt class="list_dt"> <a href="about.html">关于我</a> </dt>
                <dt class="list_dt"> <a href="#">模板分享</a> </dt>
                <dd class="list_dd">
                    <ul>
                        <li><a href="share.html">个人博客模板</a></li>
                        <li><a href="share.html">国外Html5模板</a></li>
                        <li><a href="share.html">企业网站模板</a></li>
                    </ul>
                </dd>
                <dt class="list_dt"> <a href="#">学无止境</a> </dt>
                <dd class="list_dd">
                    <ul>
                        <li><a href="list.html">心得笔记</a></li>
                        <li><a href="list.html">CSS3|Html5</a></li>
                        <li><a href="list.html">网站建设</a></li>
                        <li><a href="list.html">推荐工具</a></li>
                        <li><a href="list.html">JS实例索引</a></li>
                    </ul>
                </dd>
                <dt class="list_dt"> <a href="#">慢生活</a> </dt>
                <dd class="list_dd">
                    <ul>
                        <li><a href="life.html">日记</a></li>
                        <li><a href="life.html">欣赏</a></li>
                        <li><a href="life.html">程序人生</a></li>
                        <li><a href="life.html">经典语录</a></li>
                    </ul>
                </dd>
                <dt class="list_dt"> <a href="time.html">时间轴</a> </dt>
                <dt class="list_dt"> <a href="gbook.html">留言</a> </dt>
            </dl>
        </div>
        <!--mnav end-->
    </header>
    <article>
        <!--banner begin-->
        <div class="picsbox">
            <div class="banner">
                <div id="banner" class="fader">
                    <li class="slide">
                        <a href="/" target="_blank"><img src="images/banner01.jpg"><span class="imginfo">别让这些闹心的套路，毁了你的网页设计!</span></a>
                    </li>
                    <li class="slide">
                        <a href="/" target="_blank"><img src="images/banner02.jpg"><span class="imginfo">网页中图片属性固定宽度，如何用js改变大小</span></a>
                    </li>
                    <li class="slide">
                        <a href="/" target="_blank"><img src="images/banner03.jpg"><span class="imginfo">个人博客，属于我的小世界！</span></a>
                    </li>
                    <div class="fader_controls">
                        <div class="page prev" data-target="prev">&lsaquo;</div>
                        <div class="page next" data-target="next">&rsaquo;</div>
                        <ul class="pager_list">
                        </ul>
                    </div>
                </div>
            </div>

            <!--banner end-->
            <div class="toppic">

                <!-- 关于我 -->
                <div class="home_aboutme">

                    <div id="submit-div" class="panel-lite">
                        <div class="thumbur">
                          <div class="icon-lock"></div>
                        </div>
                        <h4>快速登录</h4>
                        <div class="form-group">
                          <input required="required" class="form-control"/>
                          <label class="form-label">用户名    </label>
                        </div>
                        <div class="form-group">
                          <input type="password" required="required" class="form-control"/>
                          <label class="form-label">密　码</label>
                        </div><a href="#">忘记密码 ?  </a><a href="login.html" style="margin-left: 50%;">去注册</a>
                        <button id="btn-submit" class="floating-btn"><i class="icon-arrow"></i></button>
                      </div>
                  <div id="success-div">

<!--                     <h2 class="home_ab_title">雨小泽</h2>-->
<!--                    <div class="home_avatar"><img src="images/aboutme.jpg" /></div>-->
<!--                     <div class="home_ab_con">-->
<!--                         <p>网名：泽兮 | 孤独求败</p>-->
<!--                        <p>职业：java开发工程师、大数据分析师 </p>-->
<!--                        <p>籍贯：甘肃省—平凉市</p>-->
<!--                        <p>邮箱：ezuylee@gmail.com</p>-->
<!--                         <ul class="linkmore">-->
<!--                            <span><a href="/" class="talk" title="给我留言"></a></span>-->
<!--                            <span><a href="/" class="address" title="联系地址"></a></span>-->
<!--                            <span><a href="/" class="email" title="给我写信"></a></span>-->
<!--                            <span><a href="/" class="photos" title="生活照片"></a></span>-->
<!--                            <span><a href="/" class="heart" title="关注我"></a></span>-->
<!--                        </ul>-->
<!--                     </div>-->

                </div>
                </div>
            </div>
        </div>
        <div class="blank"></div>

        <!--blogsbox begin-->
        <div id="blogs-div" class="blogsbox">
<!--            <div  class="blogs" data-scroll-reveal="enter bottom over 1s">-->
<!--                <h3 class="blogtitle">-->
<!--                    <span class="source">原</span><a href="/" target="_blank" class="blog_title">java设计模式详解</a>-->
<!--                </h3>-->
<!--                <span class="blogpic"><a href="/" title=""><img src="images/toppic01.jpg" alt=""></a></span>-->
<!--                <p class="blogtext">如图，要实现上图效果，我采用如下方法：1、首先在数据库模型，增加字段，分别是图片2，图片3。2、增加标签模板，用if，else if 来判断，输出。思路已打开，样式调用就可以多样化啦！... </p>-->
<!--                <a title="/" href="/" target="_blank" class="readmore">阅读全文>></a>-->
<!--                <div class="bloginfo">-->
<!--                    <ul>-->
<!--                        <li class="author"><a href="/">雨小泽</a></li>-->
<!--                        <li class="lmname"><a href="/">学无止境</a></li>-->
<!--                        <li class="timer">2018-5-13</li>-->
<!--                        <li class="view"><span>34567</span>已阅读</li>-->
<!--                        <li class="like">9999</li>-->
<!--                    </ul>-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <!--blogsbox end-->
        <div class="sidebar">
            <!-- 搜索 -->
            <div class="index_search">
                <ul>
                    <form action="/e/search/index.php" method="post" name="searchform" id="searchform">
                        <input name="keyboard" id="keyboard" class="index_input_text" value="请输入关键字" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字'}" type="text">
                        <input name="show" value="title" type="hidden">
                        <input name="tempid" value="1" type="hidden">
                        <input name="tbname" value="news" type="hidden">
                        <input name="Submit" class="index_input_submit" value="搜索" type="submit">
                    </form>
                </ul>
            </div>
            <div class="cloud">
                <h2 class="hometitle">标签云</h2>
                <ul>
                    <a href="/">java</a>
                    <a href="/">大数据</a>
                    <a href="/">html5</a>
                    <a href="/">云计算</a>
                    <a href="/">php</a>
                    <a href="/">c++</a>
                    <a href="/">vue</a> <a href="/">nodeJs</a>
                    <a href="/">前端</a> <a href="/">开发工具</a>
                    <a href="/">算法</a> <a href="/">数据结构</a>
                    <a href="/">数据库</a> <a href="/">设计</a>
                    <a href="/">docker</a> <a href="/">云主机</a>
                </ul>
            </div>
            <div class="zhuanti">
                <h2 class="hometitle">特别推荐</h2>
                <ul>
                    <li> <i><img src="images/banner03.jpg"></i>

                        <p>帝国cms调用方法 <span><a href="/">阅读</a></span> </p>
                    </li>
                    <li> <i><img src="images/b04.jpg"></i>
                        <p>5.20 我想对你说 <span><a href="/">阅读</a></span></p>
                    </li>
                    <li> <i><img src="images/b05.jpg"></i>
                        <p>属于我的小世界！ <span><a href="/">阅读</a></span></p>
                    </li>
                </ul>
            </div>
            <div class="tuijian">
                <h2 class="hometitle">推荐文章</h2>
                <ul class="tjpic">
                    <i><img src="images/toppic01.jpg"></i>
                    <p><a href="/">别让这些闹心的套路，毁了你的网页设计</a></p>
                </ul>
                <ul class="sidenews">
                    <li> <i><img src="images/toppic01.jpg"></i>
                        <p><a href="/">别让这些闹心的套路，毁了你的网页设计</a></p>
                        <span>2018-05-13</span>
                    </li>
                    <li> <i><img src="images/toppic02.jpg"></i>
                        <p><a href="/">给我模板PSD源文件，我给你设计HTML！</a></p>
                        <span>2018-05-13</span>
                    </li>
                    <li> <i><img src="images/v1.jpg"></i>
                        <p><a href="/">别让这些闹心的套路，毁了你的网页设计</a></p>
                        <span>2018-05-13</span>
                    </li>
                    <li> <i><img src="images/v2.jpg"></i>
                        <p><a href="/">给我模板PSD源文件，我给你设计HTML！</a></p>
                        <span>2018-05-13</span>
                    </li>
                </ul>
            </div>
            <div class="tuijian">
                <h2 class="hometitle">点击排行</h2>
                <ul class="tjpic">
                    <i><img src="images/toppic01.jpg"></i>
                    <p><a href="/">别让这些闹心的套路，毁了你的网页设计</a></p>
                </ul>
                <ul class="sidenews">
                    <li> <i><img src="images/toppic01.jpg"></i>
                        <p><a href="/">别让这些闹心的套路</a></p>
                        <span>2018-05-13</span>
                    </li>
                    <li> <i><img src="images/toppic02.jpg"></i>
                        <p><a href="/">给我模板PSD源文件，我给你设计HTML！</a></p>
                        <span>2018-05-13</span>
                    </li>
                    <li> <i><img src="images/v1.jpg"></i>
                        <p><a href="/">别让这些闹心的套路，毁了你的网页设计</a></p>
                        <span>2018-05-13</span>
                    </li>
                    <li> <i><img src="images/v2.jpg"></i>
                        <p><a href="/">给我模板PSD源文件，我给你设计HTML！</a></p>
                        <span>2018-05-13</span>
                    </li>
                </ul>
            </div>
            <div class="links">
                <h2 class="hometitle">友情链接</h2>
                <ul>
                    <li><a href="http://www.yangqq.com" target="_blank">雨小泽博客</a></li>
                    <li><a href="http://www.yangqq.com" target="_blank">D设计师博客</a></li>
                    <li><a href="http://www.yangqq.com" target="_blank">优秀个人博客</a></li>
                </ul>
            </div>
<!--            <div class="guanzhu" id="follow-us">-->
<!--                <h2 class="hometitle">关注我们 么么哒！</h2>-->
<!--                <ul>-->
<!--                    <li class="sina"><a href="/" target="_blank"><span>新浪微博</span>雨小泽博客</a></li>-->
<!--                    <li class="tencent"><a href="/" target="_blank"><span>腾讯微博</span>雨小泽博客</a></li>-->
<!--                    <li class="qq"><a href="/" target="_blank"><span>QQ号</span>476847113</a></li>-->
<!--                    <li class="email"><a href="/" target="_blank"><span>邮箱帐号</span>dancesmiling@qq.com</a></li>-->
<!--                    <li class="wxgzh"><a href="/" target="_blank"><span>微信号</span>yangqq_1987</a></li>-->
<!--                    <li class="wx"><img src="images/wx.jpg"></li>-->
<!--                </ul>-->
<!--            </div>-->
        </div>
    </article>
    <footer>
        <p>Design by <a href="http://www.yangqq.com" target="_blank">雨小泽个人博客</a> <a href="/">蜀ICP备11002373号-1</a></p>
    </footer>
    <a href="#" class="cd-top">Top</a>
    <script type="text/javascript">
        function getCookie(cname)
        {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for(var i=0; i<ca.length; i++)
            {
                var c = ca[i].trim();
                if (c.indexOf(name)==0) return c.substring(name.length,c.length);
            }
            return "";
        }
function susscesData() {
    $.ajax({
        url: "http://localhost:456/project_war_exploded2/allArticle",
        async: true,
        type: "get",
        success: function (data) {
            // 将字符串转换成json格式
            var obj = JSON.parse(data);
            // alert("文章请求成功..")
            if (obj.code == "200") {
                // console.log(obj)
                for (let i = 0; i < 17; i++) {
                    // console.log("obj信息："+obj.data[i].art_title)
                    var txt = "<div class='blogs' data-scroll-reveal='enter bottom over 1s' onclick='lookview(this)'><h3 class='blogtitle'><span class='source'>原</span><a href='/project_war_exploded2/view.html?id=" + obj.data[i].art_id + "' target='_blank' class='blog_title'>" + obj.data[i].art_title + "</a></h3><span class='blogpic'><a href='/' title=''><img src='images/toppic01.jpg' alt=''></a></span><p class='blogtext'>" + obj.data[i].art_context + "</p><a title='/' href='/' target='_blank' class='readmore'>阅读全文>></a><div class='bloginfo'><ul><li class='author'><a href='/'>" + obj.data[i].art_author + "</a></li><li class='lmname'><a href='/'>" + obj.data[i].art_tag + "</a></li><li class='timer'>" + obj.data[i].art_create_time + "</li><li class='view'><span>34567</span>已阅读</li><li class='like'>点赞数</li></ul></div></div>";
                    $("#blogs-div").append(txt);
                }
            }
            if (obj.code == "403") {
                // console.log("文章请求失败")
            } else {
                // console.log("文章请求错误，请稍后再试")
            }
        },
        error: function () {
            alert("数据加载失败...")
        }
    })
}

        // 点击登录按钮后发生的事件
        document.getElementById("btn-submit").onclick = function() {
            $.ajax({
                url: "http://localhost:456/project_war_exploded2/loginServlet",
                data: {
                    "username": document.getElementsByClassName("form-control")[0].value,
                    "password": document.getElementsByClassName("form-control")[1].value
                },
                async: true,
                type: "post",
                success: function (data) {
                    // 将字符串转换成json格式
                    var obj = JSON.parse(data);
                    if (obj.code == "200") {
                        // console.log("登录成功")
                        document.getElementById("submit-div").style.display = "none";
                        // console.log(obj);
                        // document.getElementById("success-div").style.display="block";
                        var susscesText = "<h2 class='home_ab_title'>" + obj.data.user_name + "</h2><div class='home_avatar'><img src='images/aboutme.jpg' /></div><div class='home_ab_con'><p>个性签名：</p><p>职业：java开发工程师、大数据分析师 </p><p>邮箱：" + obj.data.user_email + "</p><p>IP：" + obj.data.user_ip + "</p><ul class='linkmore'><span><a href='/' class='talk' title='给我留言'></a></span><span><a href='/' class='address' title='联系地址'></a></span><span><a href='/' class='email' title='给我写信'></a></span><span><a href='/' class='photos' title='生活照片'></a></span><span><a href='/' class='heart' title='关注我'></a></span></ul></div>";
                        $("#success-div").append(susscesText);
                    }
                    if (obj.code == "403") {
                        alert(obj.msg)
                        // console.log("登录失败")
                    }
                    if (obj.code != "200" || obj.code != "403") {
                        alert(obj.msg)
                    }
                    // console.log(obj)
                },
                error: function () {
                    alert("数据加载失败...")
                }
            })
        }



    </script>
</body>

</html>